<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel='stylesheet' href='qrc:/paga/page1.css' type='text/css' />
  <script type='text/javascript' src='qrc:/jslib/jquery-1.8.2.min.js' charset='UTF-8'></script>
  <script type='text/javascript' src='qrc:/jslib/jquery.lazyload-1.8.1.js' charset='UTF-8'></script>
</head>
<script type='text/javascript' src='qrc:/jslib/jquery-1.8.2.min.js' charset='UTF-8'></script>
<body>
[ダウンロードしたいYouTube動画のURLを張り付けてください(http://www.youtube.com/watch?v=XXXXXXXXXXX)]
<br />
<table border=0>
<tr><td>
<textarea id=txarea1 cols=80 rows=4>http://www.youtube.com/watch?v=hhxX-wjRtLE</textarea>
</td>
<td>
<button onclick='web1.submitUrlToDownload($("#txarea1").val())'>ダウンロード</button>
</td><tr>
<table>

<!--
<script type='text/javascript'>
alert($('#txarea1').val());
</script>
-->

</body>
</html>

<script type='text/javascript'>
//http://stackoverflow.com/questions/5797539/jquery-select-all-text-from-a-textarea
$("#txarea1").focus(function() {
    var $this = $(this);
    $this.select();
    // Work around Chrome's little problem
    $this.mouseup(function() {
        // Prevent further mouseup intervention
        $this.unbind("mouseup");
        return false;
    });
});
/*
$('#txarea1')
.mouseup(function(e){
    // fixes safari/chrome problem
    e.preventDefault();
})
.focus(function(e){
    $(this).select();
})
.click(function(e){
    $(this).select();
});
*/
</script>
